<template>
  <div>
    <div class="head">
      <div class="sechead">
        <!-- 这里使用的具名插槽来占位 -->
        <slot name="left"></slot>
        <slot name="center"></slot>
        <slot name="right"></slot>
        <slot name="edit"></slot>
      </div>
    </div>
    <!-- 解决浮动之后的内容遮挡 -->
    <div class="ed"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  components: {},
  methods: {}
};
</script>
<style scoped>
.head {
  height: 64px;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #2d2d2d;
  z-index: 999;
  font-family: "Microsoft YaHei";
}
.sechead {
  top: 0;
  height: 64px;
  width: 100%;
  display: flex;
  padding: 0px 10px 0 10px;
  justify-content: space-between;
  align-items: center;
  color: aliceblue;
  font-size: 14px;
}
.ed {
  height: 64px;
  width: 100%;
}
</style>
